<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="./../lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="./../css/base.css">
    <link rel="stylesheet" href="./../css/gsproduct.css">
    <!--<script src="js/less.js"></script>-->
</head>

<body>
    <!-- 头部区域 -->
    <header id="header">
        <h4 style="color: #fff;">凑单品</h4>
    </header>
    <main class="gs-product">
        <div class="list">
            <div class="hd">
                <div class="filter">
                    <ul>
                        <li class="on"><a href="javascript:;">京东∇<i></i></a></li>
                        <li class=""><a href="javascript:;">华北∇<i></i></a></li>
                        <li class=""><a href="javascript:;">免费<i></i></a></li>
                    </ul>
                </div>
                <div class="search"> <i class="icon-search"></i></div>
                <!--各种下拉-->
                <div class="popsort popbox" id="shop">

                </div>
                <div class="popcat popbox" id="area">

                </div>
                <div class="popprice popbox" id="price">
                    <ul>
                        <li class="on"><a href="javascript:GetRequest('areaMoney', 0);">全部价格</a></li>
                    </ul>
                </div>
            </div>
            <div class="bd gs-product-list">
            </div>
        </div>
    </main>

    <script type="text/html" id="shopTmp">
        <ul>
            {{each result as value i}}
            <li class=""><a href="#" data-shopid="{{value.shopId}}">{{value.shopName}}</a></li>
            {{/each}}
        </ul>
    </script>
    <script type="text/html" id="areaTmp">
        <ul>
            {{each result as value i}}
            <li class=""><a href="#" data-areaid="{{value.areaId}}">{{value.areaName}}</a></li>
            {{/each}}
        </ul>
    </script>
    <script type="text/html" id="productTmp">
        <ul class="masonry" id="container">
            {{each result as value i}}
            <li>
                <a href="#">
                    <div class="pic"><img src="{{value.productImg}}" style="width: 174px; height: 174px;"></div>
                    <div class="title">{{value.productName}}</div>
                    <div class="other">
                        <div class="price">{{value.productPrice}}</div>
                        <div class="btn">去凑单</div>
                        <div class="clearfix"></div>
                    </div>
                </a>
            </li>
            {{/each}}
        </ul>
    </script>
    <script src="./../js/template.js"></script>
    <script src="./../lib/jquery/jquery.js"></script>
    <script src="./../lib/bootstrap/js/bootstrap.js"></script>
    <script src="./../js/url.js"></script>
    <script>
        (function($) {
            $.getUrlParam = function(name) {
                var reg = new RegExp("(^|&)" +
                    name + "=([^&]*)(&|$)");
                var r = window.location.search.substr(1).match(reg);
                if (r != null) return unescape(r[2]);
                return null;
            }
        })(jQuery);
    </script>
    <script src="./../js/gsproduct.js"></script>
</body>

</html>